page{
	background-color: #F2F6FA;
}
.app{
	padding:  20upx;
	.list{
		background-color: #fff;
		border-radius: 5px;
		padding: 20upx;
		display: flex;
		align-items: flex-start;
		margin-bottom: 25upx;
		image{
			width: 170upx;
			height: 120upx;
			border-radius: 5px;
		}
		>view{
			flex: 1;
			margin-left: 30upx;
			.list-1{
				text{
					&:nth-child(1){
						font-size: 30upx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #333333;
					}
					&:nth-child(2){
						font-size: 24upx;
						color: #fff;
						padding: 4upx 20upx;
						background-color: #0030FF;
						border-radius: 2px;
						margin-left: 15upx;
					}
				}
			}
			.list-2{
				text{
					font-size: 24upx;
					color: #fff;
					padding: 4upx 20upx;
					background-color: #FF9000;
					border-radius: 2px;
				}
			}
			.list-3{
				text{
					font-size: 24upx;
					color: #999;
					&:nth-child(2){
						margin-left: 10upx;
					}
				}
			}
			view{
				
				display: flex;
				align-items: center;
				margin-top: 15upx;
				
			}
		}
	}
}